<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>{$title}</title>

    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/vweisiteV01.css">
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/font-awesome.css">
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/luoxuan/index84.css" media="screen"  >
	<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/p4p-2.0.css">
	<!-- <link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/ttklink.css">
	<script type="text/javascript" id="b5mmain" src="{$Think.config.RESOURCEURL}wx_assets/js/website/luoxuan/b5m.main.js"></script>
	 --> 
    <script id="__tk2__seajsnode" charset="utf-8" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.sea.js"></script>
    <script type="text/javascript" defer="" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/luoxuan/piwik.js"></script>
	<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/luoxuan/vweisiteV01.js" type="text/javascript"></script>
	<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/font-awesome.min.css" >

  	<style type="text/css">
        /*pop*/
	    .pop-zoom{display:none;width:100%;height:100%;color:#fff;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:10000;}
	    .pop-zoom-img{background:#000;text-align:center;overflow:hidden;}
	    .show-img{width:100%;height:100%;overflow:hidden;position:relative;}
	    .show-img img{max-width:100%;}
	    .zoom-close{position:fixed;right:5px;top:5px;display:block;z-index:99999;}
	    .zoom-close .fa{width:30px;height:30px;font-size:25px;line-height:30px;border-radius:50%;color:#fff;background:#999;}
	</style>
  </head>

  <body>
    <div class="html" style="background: url({$randomBackground}) no-repeat;">
      <div class="stage" id="stage">
        <section id="sec-index">
          <div class="body">
			<div class="index" id="index">
				<volist name="ModuleArticles" id="module">
				<if condition="$key lt 5"> 
				<empty name="module.url">
					<a class="box mod-index index-main" >
			    <else />
					<a href="{$module.url}" class="box mod-index index-main" >
				</empty>
			        <i class=""  style="background:url({$module.picurl}) no-repeat;"></i>
			     <empty name="module.color">
			     	<small>{$module.title}</small>
			     </empty>
			     	<small style="color:{$module.color}">{$module.title}</small>
			     </empty>
				</a>  
				</if>
				</volist>
				<volist name="MainArticles" id="main">
				 <if condition="$key eq 0"> 
				 <empty name="main.url">
				 	<a href="{$main.url}" class="mod-logo">	
				 <else />
				 	<a class="mod-logo">	
				 </empty>
					<img src={$main.picurl} style='height:28px;'/>	 
				</a>
				 </if>
				</volist>
			</div>
          </div>
        </section>
      </div><!--.stage end-->
    </div><!--.html end-->
  <div class="alert J-guanzhu" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c">
      <p>请先关注公众帐号</p>
      <p><span class="alert-num">1</span>点击右上角<span class="alert-text">分享按钮</span>查看公众号</p>
      <p><span class="alert-num">2</span>在【添加朋友】—【查找公众号】中搜索</p>
      <p><span class="alert-btn"></span>（长按可复制）</p>
      <p>如果已关注，请打开该公众帐号回复<span class="alert-text"></span>，参与此活动</p>
    </div>
    <div class="alert-f">
      <a href="javascript:;" class="alert-f-btn J-close">我知道了</a>
    </div>
  </div>
</div>
<div class="alert J-register" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c text-center">
           <h1>请先领取会员卡</h1>
           <p>该活动仅允许会员可参与</p>
    </div>
    <div class="alert-btn-box">
      <div class="alert-cell cell-4">
        <a href="javascript:;" class="alert-f-btn btn-gray J-close">我知道了</a>
      </div>
        <div class="alert-cell">
          <a href="" class="alert-f-btn J-close">领取会员卡</a>
        </div>
    </div>
  </div>
</div>
<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/url.min-5c767b67c0eafd0a3e8cbe55725cefa4.js" type="text/javascript"></script>
<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/iScroll-4.2.5.js"></script>
<script type="text/javascript">
    var img_zoom_myscroll, img_zoom_scrollTop;

    function loaded(){
        img_zoom_myscroll = new iScroll("imgScroll",{
            hScroll: true,
            useTransition: true,
            hScrollbar: false,
            vScrollbar: false,
            zoom: true
        });
        document.addEventListener("DOMContentLoaded",loaded,false);
    }

    $(function(){
        $('body').append('<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a>')
        $('img').click(function(){
            if($(this).closest('a').length > 0 || $(this).closest('.mod-navLine').length > 0 || $(this).hasClass('website_list_21')){

            }else{
                var $this = $(this),
                        $src = $this.attr("src"),
                        $img = $(".show-img img"),
                        $pop = $(".pop-zoom-img");
                img_zoom_scrollTop = $(document).scrollTop();
                $(document).scrollTop(0);
                $img.attr("src",$src);
                $pop.show();
                setTimeout(function(){
                    loaded();
                },300);
                //console.log(scrollTop);
            }
        });
        $(document).on("click",".zoom-close",function(){
            $(document).scrollTop(img_zoom_scrollTop);
            $(this).parents(".pop-zoom").hide();
            img_zoom_myscroll.destroy();
        })
        var initTop = 0,
                isScroll = true;
        function fnAnimate(thisTop){
            $("header:not('.untoppable')").animate({top:thisTop},"500",function(){isScroll=true});
        }
        $(window).on("scroll",function(){
            var scrollTop = $(document).scrollTop();
            if(isScroll){
                if(scrollTop > initTop){
                    fnAnimate("-44px");
                }else{
                    fnAnimate("0");
                }
            }
            initTop = scrollTop;
            isScroll = false;
        });
    });
</script>
    <a href="javascript:scroll(0,0)" class="btn-up btn-up-1"><i class="fa fa-arrow-up"></i></a>
    <div class="loading fixed-top"></div>
    <div class="mod-pop" id="pop-share" onclick="hidePop(&#39;#pop-share&#39;)"><span class="text-share"></span></div>
<!-- 
    <script type="text/javascript">
      $(document).ready(function(){
        // 静态背景图
        $(".html").css("background-image", "url(/assets/website/bg/2.jpg)");
        showBtnUp(100);
      });
    </script>
 -->
<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div>
<a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a></div>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript">
        wx_share.init({
            "title":"{$title}",
            "desc":'{$shareinfo}',
            "link":location.href,
            "imgUrl": '{$sharepicurl}',
            "pkg":{
                "appId": '{$pkg.appId}',
                "timestamp": '{$pkg.timestamp}',
                "nonceStr": '{$pkg.nonceStr}',
                "signature": '{$pkg.signature}'
            },
            success:function(config,shareType){
            }
        });
    </script>
</body>
</html>